<!doctype html>
<html lang="en">
  <head>
    <!-- lang="en" 用于进网页之后的解析中英文 -->
    <meta charset="utf-8">
    <!--移动端优先的适配 配置-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS 引入 -->
    <link rel="stylesheet" href="bootstrap.css">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
 	  <a href="#">我是经过bootstrap化的模板超链接标签</a>
 	  
 	  <!--引入图片标签 并采取响应式img-responsive属性-->
 	  <img src="image/lc1.jpg" class="img-responsive" alt="我是刘晨"/>
 	  <img src="image/lc1.jpg" class="img-circle" alt="我是圆形刘晨"/>
 	  <img src="image/lc1.jpg" class="img-rounded" alt="我是圆角刘晨"/>
 	  <img src="image/lc1.jpg" class="img-thumbnail" alt="我是缩略图刘晨"/>
 	  
 	  
    <!-- Optional JavaScript 引入 -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <!--
        Bootstrap 自带的很多逻辑 + 样式 都为如a的下划线等常用标签做了最好的配置
    -->
  </body>
</html>